<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
   
    <h:body>      
        <ui:composition template="./plantilla/plantilla1.xhtml">
            <ui:define name="contenido">                
                <h:form id="form">    
                    <p:growl id="msgs" showDetail="true" />  

                   

                    <p:dialog header="Car Detail" widgetVar="carDialog" resizable="false" id="carDlg"  
                                showEffect="fade" hideEffect="explode" modal="true">  

                        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  

                            <f:facet name="header">  
                                <p:graphicImage value="/images/cars/#{tableBean.selectedCar.manufacturer}.jpg"/>  
                            </f:facet>  

                            <h:outputText value="Model:" />  
                            <h:outputText value="#{tableBean.selectedCar.model}" style="font-weight:bold"/>  

                            <h:outputText value="Year:" />  
                            <h:outputText value="#{tableBean.selectedCar.year}" style="font-weight:bold"/>  


                            <h:outputText value="Manufacturer:" />  
                            <h:outputText value="#{tableBean.selectedCar.manufacturer}" style="font-weight:bold"/>  

                            <h:outputText value="Color:" />  
                            <h:outputText value="#{tableBean.selectedCar.color}" style="font-weight:bold"/>  

                        </h:panelGrid>  

                    </p:dialog>  

                </h:form>       
            </ui:define>    
        </ui:composition>                    
    </h:body>    
</html>
